<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

<!--        <script type="text/javascript">
            $(window).load(function() {
                boxes = $('.javascript-well');
                maxHeight = Math.max.apply(
                        Math, boxes.map(function() {
                            return $(this).height();
                        }).get());
                boxes.height(maxHeight);
            });

        </script>-->

    <ui:composition template="view/templates/layout.xhtml">
        <ui:define name="title">Biblioteca CIDETEC - Index</ui:define>
        <ui:define name="contenido">
            <div class="row">
                <div class="col-md-8">
                    <div class="well well-lg">
                        <div class="javascript-well">
                            <h2 class="text-center">¡¡ Bienvenido !!</h2>
                            <p class="text-justify">Este es el nuevo portal para poder realizar tus peticiones de libros.</p>
                            <br/>
                            <p><a href="#" class="btn btn-primary btn-lg" role="button">Tutorial</a></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <div class="text-center">
                                Login
                            </div>
                        </div>
                        <div class="panel-body">  
                            <center>
                                <h:form id="formIniciarSesion" > 
                                    <table cellpadding="2">
                                        <tr>
                                            <td><p:inputText id="nick" value="#{login.nick}" label="Usuario" required="true" styleClass="form-control" placeholder="Usuario"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"><p:message for="nick"/></td>
                                        </tr>
                                        <tr>
                                            <td><p:password id="password" value="#{login.password}" label="Password" required="true" styleClass="form-control" placeholder="Password"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"><p:message for="password"/></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <center>
                                                    <p:commandButton id="cBInciarSesionIniciar" action="#{login.loginExecute()}"  value="Inciar" update="formIniciarSesion" styleClass="btn btn-primary"/>
                                                    <p:commandButton id="cBInciarSesionLimpiar" value="Limpiar" styleClass="btn btn-primary">
                                                        <p:ajax update="formIniciarSesion" resetValues="true" />  
                                                    </p:commandButton>
                                                </center>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <center>
                                                    <h:link outcome="/view/registrarUsuario" value="Registrate aqui!!" />
                                                </center>
                                            </td>
                                            <!--<td colspan="2">Registrate <a href="faces/registrarUsuario.xhtml">aqui</a>!!</td>-->
                                        </tr>
                                    </table>
                                </h:form>
                            </center>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-header">
                <h2>Centro de Innovación y Desarrollo Tecnológico en Cómputo (CIDETEC)</h2>
            </div>
            <div class="well">
                <p class="text-justify">El origen del CIDETEC tiene como antecedente un proyecto de autoequipamiento en materia de cómputo concebido por el 
                    Dr. Miguel Lindig Bos entonces investigador de la sección de graduados de UPIICSA, durante los años de 1981 a 1986.</p>

                <p class="text-justify">En 1987 se crea el Centro de Investigación Tecnológica en Computación (CINTEC), su objetivo principal será desarrollar 
                    el proyecto de autoequipamiento antes mencionado. Un año después, se advierte la necesidad de crear un programa de Maestría 
                    en Ingeniería de Cómputo, el cual es aprobado por el Consejo General Consultivo del IPN y se mantiene adscrito al CINTEC 
                    hasta 1996.</p>

                <p class="text-justify"> En 1997 el CINTEC se transforma en el CIDETEC, teniendo como objetivos principales consolidar la infraestructura de 
                    cómputo institucional y el aprovechamiento de las ventajas tecnológicas para incidir en los procesos productivos, sin 
                    olvidar la educación profesionalizante en sus diferentes modalidades. Como consecuencia de lo anterior, en 2004, es 
                    autorizado un nuevo programa de Maestría en Tecnología de Cómputo; es importante mencionar que durante estos años el 
                    CIDETEC careció de instalaciones propias, por lo que se encontraba ubicado en la sección de estudios de posgrado de la 
                    UPIICSA.</p>

                <p class="text-justify">En el año 2007 el CIDETEC festeja su décimo aniversario con la inauguración de sus nuevas instalaciones, un edificio de 
                    diseño novedoso y funcional, adecuado a las necesidades propias del centro y ubicado en el corredor de cómputo del IPN en 
                    la Unidad Profesional Adolfo López Mateos en Zacatenco.</p>
            </div>
        </ui:define>
    </ui:composition>

</html>

